<template>
  <div class="label_">
    <div class="model_nav">热门标签</div>
    <ul class="list-group">
        <li class="list-group-item">
            <span>ajax</span>
            <span>javascript</span>
            <span>mySQL</span>
            <span>vue.js</span>
        </li>
        <li class="list-group-item">
            <span>vscode</span>
            <span>HBuilder</span>
        </li>
        <li class="list-group-item">
            <span>桀骜</span>
            <span>java</span>
            <span>jsp</span>  
        </li>
        <li class="list-group-item">
            <span>HTML</span>
            <span>CSS</span>
            <span>博客</span>
        </li>
                
    </ul>
</div>
</template>

<script>
export default {

}
</script>

<style>
.label_ {
  text-align: left;
  margin-top: 12px;
  margin-left: 8px;
}
.list-group-item{
  height: 28px;
  margin-top: 18px;
}
.label_ .list-group > li > span {
  padding: 5px 10px;
  border: 1px solid #c0bdb5;
  border-radius: 15px;
  margin-right: 6px;
}
</style>